html, body {
    height: 100%;
    font-family: -apple-system-font, "Microsoft YaHei UI", "Helvetica Neue", Helvetica, sans-serif;
}
body {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #fff;
}

::-webkit-input-placeholder {
    color: #ccc
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"] {
    -moz-appearance: textfield;
}

.btn {
    min-width: 5rem;
}

.form-signin {
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 40px 0;
    overflow: hidden;
}
.login-form {
    position: relative;
    display: block;
    max-width: 20rem;
    width: 100%;
    padding: 1rem;
    margin: auto;
}
.form-signin .input-group .vercode {
    height: calc(1.5em + .75rem + 2px);
    border: 1px solid #ced4da;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    cursor: pointer;
}

.form-sm .form-group {
    margin-bottom: .75rem;
}
.form-sm .form-control {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem;
}
.form-sm .col-form-label {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
}

[class^="weui-icon-"],
[class*=" weui-icon-"]{
    display:inline-block;
    vertical-align:middle;
    width:24px;
    height:24px;
    -webkit-mask-position:50% 50%;
    mask-position:50% 50%;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:100%;
    mask-size:100%;
    background-color:currentColor;
}
.weui-loading-icon {
    width:20px;
    height:20px;
    display:inline-block;
    vertical-align:middle;
    -webkit-animation:weuiLoading 1s steps(12, end) infinite;
    animation:weuiLoading 1s steps(12, end) infinite;
    background:transparent url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") no-repeat;
    background-size:100%;
}
.weui-icon-success {
    -webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.657%2018.435L3%2012.778l1.414-1.414%204.95%204.95L20.678%205l1.414%201.414-12.02%2012.021a1%201%200%2001-1.415%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
    mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.657%2018.435L3%2012.778l1.414-1.414%204.95%204.95L20.678%205l1.414%201.414-12.02%2012.021a1%201%200%2001-1.415%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}
.weui-icon-warn {
    color: #FA5151;
    -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.763-15.864l.11%207.596h1.305l.11-7.596h-1.525zm.759%2010.967c.512%200%20.902-.383.902-.882%200-.5-.39-.882-.902-.882a.878.878%200%2000-.896.882c0%20.499.396.882.896.882z%22%2F%3E%3C%2Fsvg%3E);
    mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.763-15.864l.11%207.596h1.305l.11-7.596h-1.525zm.759%2010.967c.512%200%20.902-.383.902-.882%200-.5-.39-.882-.902-.882a.878.878%200%2000-.896.882c0%20.499.396.882.896.882z%22%2F%3E%3C%2Fsvg%3E);
}
@-webkit-keyframes weuiLoading{
    0%{
        -webkit-transform:rotate3d(0, 0, 1, 0deg);
        transform:rotate3d(0, 0, 1, 0deg);
    }
    100%{
        -webkit-transform:rotate3d(0, 0, 1, 360deg);
        transform:rotate3d(0, 0, 1, 360deg);
    }
}
@keyframes weuiLoading{
    0%{
        -webkit-transform:rotate3d(0, 0, 1, 0deg);
        transform:rotate3d(0, 0, 1, 0deg);
    }
    100%{
        -webkit-transform:rotate3d(0, 0, 1, 360deg);
        transform:rotate3d(0, 0, 1, 360deg);
    }
}

#toast .modal-dialog-centered {
    justify-content: center;
}
#toast .modal-content {
    width: auto;
    max-width: 100%;
    min-width: 120px;
    background: rgba(17, 17, 17, 0.7);
}
#toast .modal-content.modal-icon-content {
    min-height: 120px;
    width: 120px;
}
#toast [class^="weui-icon-"] {
    color: #fff;
    width: 55px;
    height: 55px;
}
#toast .weui-loading-icon {
    margin: 8px 0;
    width: 38px;
    height: 38px;
    vertical-align: baseline;
}

.modal .form-group:last-child {
    margin-bottom: 0;
}

.list-group {
    min-width: 10rem;
}
.list-group-item {
    padding: .5rem 1.5rem;
}

.container-fluid {
    height: 100%;
    position: relative;
    overflow: hidden;
}
.navbar.fixed-top ~ .container-fluid {
    margin-top: 60px;
}
.navbar-brand img {
    width: 2rem;
    height: 2rem;
    border: 1px solid #fff;
    border-radius: .25rem;
}
#container {
    position: relative;
    display: block;
    height: 100%;
}
.btn-span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    padding: 0 .75rem;
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}
#navbarDropdown .rounded-circle {
    width: 2rem;
    height: 2rem;
}
.dropdown-text {
    margin-right: .5rem;
}
.dropdown-item:focus, .dropdown-item:hover,
.list-group-item-action:focus, .list-group-item-action:hover {
    background-color: #e2e6ea;
}
.input-group a, .input-group a:hover {
    color: #495057;
    text-decoration: none;
}

.custom-switch {
    padding-left: 4.25rem;
}
.custom-switch .custom-control-label::before {
    top: -0.25rem;
    left: -4.25rem;
    width: 3.75rem;
    height: 2rem;
    border-radius: 1rem;
}
.custom-switch .custom-control-label::after {
    top: calc(-.25rem + 2px);
    left: calc(-4.25rem + 2px);
    width: calc(2rem - 4px);
    height: calc(2rem - 4px);
    border-radius: 50%;
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
    transform: translateX(1.75rem);
}